<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <link rel="shortcut icon" type="image/ico" href="/favicon.ico"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <link th:href="@{/my-web-0.0.1/css/a.css}" rel="stylesheet">
    <style>
        @font-face {
            font-family: 'icomoon';
            src: url('fonts/icomoon.eot?o0ahg8');
            src: url('fonts/icomoon.eot?o0ahg8#iefix') format('embedded-opentype'), url('fonts/icomoon.ttf?o0ahg8') format('truetype'), url('fonts/icomoon.woff?o0ahg8') format('woff'), url('fonts/icomoon.svg?o0ahg8#icomoon') format('svg');
            font-weight: normal;
            font-style: normal;
            font-display: block;
        }
    </style>


</head>

<body>


<!-- 主体模块 -->
<!-- bookShelf引入 -->
<!-- 第一模块 -->
<div class="w main">
    <!-- 第一模块 -->
    <div class="main_1_t">
            <span>
                当前位置：
                <a href="/">首页</a>
                >
                <a th:text="${novel.noveltype}"></a>
                >
                <a th:text="${novel.novelname}"></a>
            </span>
    </div>

    <div class="main_1_m">
        <div class="main_1_m_content">
            <div class="main_1_m_content_title" th:text="${chapter.chapterlist}"></div>
            <div class="bookinfo">
                作者：
                <span th:text="${novel.author}"></span> 字数：
                <span th:text="${#strings.length(chapter.content)}"></span> 状态：
                <span th:text="${novel.state}"> </span>

            </div>
            <div class="read_line"></div>
            <div id="text" class="content" th:utext="${chapter.content}">


            </div>
            <div class="btnbox">
                <a th:href="@{/front/getxiangqing(novelname=${novel.novelname})}">目录</a>
                <a th:href="@{/content/prechapter(chapterid=${chapter.chapterid}-1,novelname=${novel.novelname})}">上一章</a>
                <a th:href="@{/content/nextchapter(chapterid=${chapter.chapterid}+1,novelname=${novel.novelname},chapternum=${novel.chapternum})}">下一章</a>
            </div>
            <div class="buttonbox">按"键盘左键←"返回上一章 按"键盘右键→"进入下一章 按"空格键"向下滚动
            </div>
        </div>
    </div>

    <div class="tab">
        <div class="tab_l">
            <a th:href="@{/front/getxiangqing(novelname=${novel.novelname})}">目录<span class="span1">︿</span></a>
            <a th:href="@{/front/shuku}">书库<span class="span2">︿</span></a>

        </div>
        <div class="tab_r">

            <a id="bnt2">放大</a>
            <a id="bnt1">缩小</a>

        </div>
    </div>
</div>
<script>
    window.onload = function () {
        var oBnt1 = document.getElementById('bnt1');
        var oBnt2 = document.getElementById('bnt2');
        var oP = document.getElementById('text');
        var num = 16;
        oBnt1.onclick = function () {
            num--;
            oP.style.fontSize = num + 'px';
        }
        oBnt2.onclick = function () {
            num++;
            oP.style.fontSize = num + 'px';
        }

    }
</script>
</body>


</html>
